<template>
  <div class="search">
    <input class="search-input" placeholder="输入城市名或者拼音"/>
  </div>
</template>
<script>
export default {
  name: 'CitySearch'
}
</script>
<style lang="stylus">
  @import "~styles/variables.styl"
  .search
    height :0.72rem
    padding :0 0.1rem
    background : $bgColor
    .search-input
      width :100%
      padding : 0 0.1rem
      box-sizing : border-box
      height : 0.62rem
      line-height :0.62rem
      text-align :center
      border-radius: 0.06rem
      color : #666
</style>
